.container {
  &:extend(.content_container);
  display: flex;
  align-items: flex-start;
}

.author {
  display: flex;
  align-items: center;
  margin-bottom: 2 * @spacing;

  .info {
    flex: 1;
    margin-left: @spacing;
  }

  .name {
    font-size: 16px;
    font-weight: bold;
  }

  .date {
    color: #909090;
  }
}

.title {
  font-size: 30px;
  font-weight: bold;
}

.content {
  flex: 1;
  margin-right: @spacing;
  padding: @spacing;
  background-color: #fff;
}

.aside {
  width: 300px;
}

// CommentInput
.comment_input {
  display: flex;
  margin-bottom: 2 * @spacing;

  .input_wrapper {
    flex: 1;
    margin-left: @spacing;
  }
}

// links
.links_level(@n, @i: 1) when (@i =< @n) {
  .link_@{i} {
    padding-left: (@i * 10px);
  }
  .links_level(@n, (@i + 1));
}

.links_level(3);
